/** 
 * 主题
 * 对齐设计规范：https://lanhuapp.com/web/#/item/project/stage?tid=d3775218-e1ce-4296-9336-57e999e29e04&pid=d35369e8-9a9d-4a26-97d0-1a39cef5c6e2
 */

/* 颜色
-------------------------- */

/* 基础色 */
$color-white: #fff !default;
$color-black: #000 !default;

/* 主题颜色 */
$color-primary: #276ef9 !default; // 品牌色
$color-success: #1fac78 !default; // 成功
$color-warning: #ffc600 !default; // 警告
$color-danger: #f85951 !default; // 失败
$color-info: #929292 !default; // 消息

/* 主题颜色 */
$theme-colors: (
  primary: $color-primary,
  success: $color-success,
  warning: $color-warning,
  danger: $color-danger,
  info: $color-info
);

/* 主题颜色 - 深色，常用按钮激活 */
$color-primary-dark: #2568ec !default;
$color-success-dark: #1da371 !default;
$color-warning-dark: #f2bb00 !default;
$color-danger-dark: #eb544c !default;
$color-info-dark: #595959 !default;

/* 主题颜色 - 更深色，常用顶栏背景 */
$color-primary-darker: #0f3c94 !default;
$color-info-darker: #262626 !default;

/* 主题颜色 - 浅色，常用于悬浮 */
$color-primary-light: #528bf9 !default;
$color-success-light: #4bbc93 !default;
$color-warning-light: #ffd133 !default;
$color-danger-light: #f97a73 !default;
$color-info-light: #bdbdbd !default;

/* 主题颜色 - 更浅色，常用于边框 */
$color-primary-lighter: #88affc !default;
$color-success-lighter: #86d3b7 !default;
$color-warning-lighter: #ffdd6a !default;
$color-danger-lighter: #fcc5c2 !default;
$color-info-lighter: #e9e9e9 !default;

/* 主题颜色 - 最浅色，常用于背景 */
$color-primary-lightest: #f1f5ff !default;
$color-success-lightest: #e8f6f1 !default;
$color-warning-lightest: #fff8de !default;
$color-danger-lightest: #feeeed !default;
$color-info-lightest: #f8f8f8 !default;

/* 文本颜色 */
$color-text-primary: #262626 !default; // 主要文字
$color-text-regular: #595959 !default; // 常规文字
$color-text-secondary: #929292 !default; // 次要文字，辅助说明
$color-text-placeholder: #bdbdbd !default; // 占位文字
$color-text-disabled: #bdbdbd !default; // 文字禁用

/* 边框色 */
$border-color: #e9e9e9 !default; // 边框、不可用
$border-color-dark: #d4d4d4 !default; // 边框 - 深色，如输入框边框等

/* 背景色 */
$background-color: #f5f7fa !default; // 大面积背景
$background-color-regular: #f7f8f9 !default; // 小面积背景
$background-color-secondary: #f8f8f8 !default; // 表头背景
$background-color-disabled: #e9e9e9 !default; // 背景禁用

/* 边框
-------------------------- */
/* 线框样式 */
$border-solid: 1px solid $border-color; // 实线框
$border-dashed: 2px dashed $border-color; // 虚线框

/* 圆角 */
$border-radius: 4px !default; // 常规圆角
$border-radius-small: 2px !default; // 小圆角
$border-radius-circle: 100% !default; // 圆形圆角
$border-radius-none: 0 !default; // 无圆角

/* 投影 */
$box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1) !default; // 基础投影
$box-shadow-light: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) !default; // 浅色投影
$box-shadow-dark: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !default; // 深色投影

/* 文本排版
-------------------------- */

/* 通用字体 */
$font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei,
  Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

/* 字号 */
$font-size-extra-small: 12px !default; // 辅助文字
$font-size-small: 13px !default; // 正文（小）
$font-size: 14px !default; // 正文
$font-size-medium: 16px !default; // 小标题
$font-size-large: 18px !default; // 标题
$font-size-extra-large: 20px !default; // 主标题
$font-size-supper-large: 24px !default; // 强调标题

/* 字宽 */
$font-weight-primary: 500 !default; // 粗
$font-weight-secondary: 100 !default; // 细

/* 行间距 */
$line-height-none: 1 !default; // 无行高
$line-height-tight: 1.3 !default; // 紧凑
$line-height: 1.5 !default; // 常规
$line-height-easy: 1.7 !default; // 宽松

/* 过渡效果
-------------------------- */

$transition-all: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !default; // 所有过渡
$transition-fade: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) !default; // 淡出
$transition-fade-linear: opacity 0.2s linear !default; // 淡出 - 线性
$transition-fade-md: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) !default; // 淡出 - 中度
$transition-border: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !default; // 边框过渡
$transition-color: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !default; // 颜色过渡
